<template>
  <div class="flexDiv">
    <div class="left">
      左边搜索
      <div style="width: 200px;flex-wrap: wrap;white-space:normal">dsfsdfdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</div>
    </div>
    <div class="center">
      笔记列表
    </div>
    <div class="right">
      笔记编辑器
    </div>
  </div>
</template>

<style lang="less">
  .flexDiv div{
    border: 1px solid rgb(235, 237, 240);
  }

  .flexDiv{
    display:flex;
    height: 100%;
    flex-wrap: wrap;
  }
  .flexDiv .left{
    width: 200px;
    height: 100%;
    flex-wrap: wrap;

  }
  .flexDiv .center{
    width: 200px;
    height: 100%;
  }
  .flexDiv .right{
    flex:1;
    height: 100%;
  }
</style>

<script>
  export default {
    data() {
      return {
      }
    },
    methods: {

    }
  }
</script>